<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/base.min.css">
    <link rel="stylesheet" href="../css/personalcenter.min.css">
    <link rel="stylesheet" href="../util/fontawesome/css/font-awesome.min.css">
    <script src="../util/jQuery/jquery-3.5.1.min.js"></script>
    <script src="../js/personalcenter.js"></script>
    <script src="../js/search.js"></script>


</head>

<body>
    <div class="logUp">
        <div class="logBody">
            <div class="logDelate">
                <button class="logClose"><i class="fa fa-close fa-lg"></i></button>
            </div>
            <div class="logFirst">
                <div class="log up"> <span class="">登录</span></div>
               <div class="log"><span>注册</span></div>
            </div>
            <div class="Up">
                <div class="dengLu">
                    <div class="logSecond">
                        <input type="text" name="phone" id="pNum" placeholder="请输入手机号">
                        <input type="password" name="" id="pPass" placeholder="请输入密码">
                        <button class="finish">登录</button>
                    </div>
                    <div class="logLast">
                        <div class="lastOne">
                            <input type="checkbox" id="check"><label for="check" id="checkTips">下次自动登录</label>
                            <button class="forget">忘记密码？</button>
                        </div>
                        <div class="lastTwo">
                            <input type="checkbox" id="read"><label for="read" id="readText">已阅读并同意《服务设计启发式线上工具服务协议》</label>
                        </div>
                    </div>
                </div>
                <div class="register">
                    <div class="logSecond">
                        <input type="text" name="phone" id="resetPhone" placeholder="请输入手机号">
                        <input type="password" name="" id="resetPass" placeholder="请输入密码">
                        <input type="password" name="" id="rePass" placeholder="请确认密码">
                        <button class="finish">立即注册</button>
                    </div>
                    <button class="immediately">立即登录</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航栏布局 -->
    <header>
        <div class="content">
            <div class="logo">
                <img src="../images/logo.png" alt="">
                <span id="select">全国</span>
            </div>
            <nav>
                <li><a href="shouye.html">首页</a></li>
                <li><a href="film.html">影片</a></li>
                <li><a href="cinema.html">影城</a></li>
                <li><a href="movieInfo.html">影城资讯</a></li>
                <li class="active"><a href="personalcenter.html">会员中心</a></li>
            </nav>
            <div class="search">
                <input type="text" id="moviesName" placeholder="佩琪  白蛇2  我是猫">
                <i id="find" class="fa fa-search"></i>
                <div id="search">
                    <div class="box1"  id="recommend">
                        <p>相关推荐</p>
                        <ul>
                            <li>大话西游之大圣娶亲 西遊記大結局之仙履奇緣</li>
                            <li>哈利·波特与魔法石 Harry Potter and the Sorcerer's Stone</li>
                            <li>星大话西游之月光宝盒 西遊記第壹佰零壹回之月光寶盒</li>
                            <li>当幸福来敲门 The Pursuit of Happyness</li>
                            <li>星际穿越 Interstellar</li>
                            <li>大闹天宫</li>
                        </ul>
                    </div>
                    <div class="box2" id="history">
                        <p>搜索历史</p>
                        <span><a href="#" id="removeHistory">清空历史记录</a></span>
                        <ul></ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="body">
            <div class="left">
                <ul>
                    <li>
                        <span>会员中心</span>
                    </li>
                    <li class="choose on">
                        <span>我的订单</span>
                    </li>
                    <li class="choose">
                        <span>基本信息</span>
                    </li>
                    <li class="choose">
                        <span>修改密码</span>
                    </li>
                </ul>
            </div>
            <div class="right">
                <div class="rights one">
                    <div class="rfirst">
                        <span>我的订单</span>
                    </div>
                    <div class="Order">
                        <!-- <div class="myorder">
                            <div class="time">
                                <span>2021-08-11</span>
                                <span>蜗牛订单号：22538083977</span>
                                <button class="delate" onclick="delate()"><img src="../images/个人中心/icon02.png" alt=""></button>
                            </div>
                            <div class="news">
                                <div class="movie">
                                </div>
                                <div class="introduce">
                                    <ul>
                                        <li class="movieName">
                                            <span>盛夏未来</span>
                                        </li>
                                        <li class="address">
                                            <span>太平洋影城（北欧知识城店）</span>
                                        </li>
                                        <li class="seat">
                                            <span>二号厅</span>
                                            <span>4排1座</span>
                                        </li>
                                        <li class="movieTime">
                                            <span>今天 8月11日 22:00</span>
                                        </li>
                                    </ul>
                                </div>
                                <span class="price">￥34</span>
                                <span class="paying">待支付</span>
                                <div class="pay">
                                    <button class="fukuan"><a href="pay.html">付款</a></button>
                                    <p>查看详情</p>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
                <div class="rights two">
                    <div class="rfirst">
                        <span>基本信息</span>
                    </div>
                    <div class="userNews">
                        <div class="Avatar">
                            <div class="userImg">
                                <img src="../images/个人中心/imgUser.png" alt="">
                            </div>
                            <button>
                                更换头像
                            </button>
                            <p>
                                支持JPG，JPEG，PNG格式，且文件需小于1M
                            </p>
                        </div>
                        <div class="personal">
                            <ul>
                                <li>
                                    <span>昵称：</span>
                                    <input type="text" name="" id="userName" placeholder="海绵宝宝">
                                </li>
                                <li>
                                    <span>性别:</span>
                                    <input type="radio" name="sex" id="nan"><label for="nan">男</label>
                                    <input type="radio" name="sex" id="nv"> <label for="nv">女</label>
                                </li>
                                <li>
                                    <span>生日:</span>
                                    <select name="" id="year">
                                        <option>--</option>
                                        <option value="1998">1998</option>
                                        <option value="1999">1999</option>
                                        <option value="2000">2000</option>
                                    </select>
                                    <span class="s1">年</span>
                                    <select name="" id="month">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                    </select>
                                    <span class="s1">月</span>
                                    <select name="" id="day">
                                        <option value="01">01</option>
                                        <option value="02">02</option>
                                        <option value="03">03</option>
                                        <option value="04">04</option>
                                    </select>
                                    <span class="s1">日</span>
                                </li>
                                <li id="life">
                                    <span class="s2">
                                        生活状态：
                                    </span>
                                    <input type="radio" value="单身" name="life" id="singel"><label for="singel">单身</label>
                                    <input type="radio" value="热恋中" name="life" id="loving"> <label for="loving">热恋中</label>
                                    <input type="radio" value="已婚" name="life" id="marry"><label for="marry">已婚</label>
                                    <input type="radio" value="孤独终老" name="life" id="oldDie"> <label for="oldDie">孤独终老</label>

                                </li>
                                <li>
                                    <span class="s2">
                                        从事行业:
                                    </span>
                                    <select name="" id="work">
                                        <option>--</option>
                                        <option value="老师">老师</option>
                                        <option value="医生">医生</option>
                                        <option value="公务员">公务员</option>
                                        <option value="程序员">程序员</option>
                                        <option value="土木老哥">土木老哥</option>
                                    </select>
                                    <select name="" id="type">
                                        <option>--</option>
                                        <option value="萌新">萌新</option>
                                        <option value="佛系玩家">佛系玩家</option>
                                        <option value="欧皇">欧皇</option>
                                        <option value=肝帝"">肝帝</option>
                                        <option value="氪金大佬">氪金大佬</option>
                                    </select>
                                </li>
                                <li>
                                    <span class="s2">
                                        个性签名:
                                    </span>
                                    <input id="personality" type="text" placeholder="20个字以内" value="">
                                </li>
                                <li>
                                    <button class="save" id="userfilxed">保存</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="rights three">
                    <div class="rfirst">
                        <span>修改密码</span>
                    </div>
                    <div class="password">
                        <ul>
                            <li>
                                <span>旧密码:</span>
                                <input type="password" name="" id="old">
                            </li>
                            <li>
                                <span>新密码:</span>
                                <input type="password" name="" id="new">
                            </li>
                            <li>
                                <span>确认新密码:</span>
                                <input type="password" name="" id="readNew">
                            </li>
                            <li>
                                <button class="save" id="savaPass">保存</button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- 底部footer布局 -->
    <footer>
        <div class="content">
            <dl>
                <dt>新手上路</dt>
                <div class="divis"></div>
                <dd>注册登录问题</dd>
                <dd>用户绑定会员卡问题</dd>
                <dd>影票相关问题</dd>
                <dd>票价和支付问题</dd>
                <dd>取票凭证吗和取票问题</dd>
            </dl>
            <dl>
                <dt>购票指南</dt>
                <div class="divis"></div>
                <dd>用户购票流程</dd>
                <dd>取票观影指南</dd>
                <dd>会员卡支付相关说明</dd>
                <dd>网银支付相关说明</dd>
            </dl>
            <dl>
                <dt>会员权益</dt>
                <div class="divis"></div>
                <dd>会员订票权益</dd>
                <dd>会员积分权益</dd>
                <dd>入会资格</dd>
                <dd>会员卡折扣说明</dd>
            </dl>
            <dl>
                <dt>联系我们</dt>
                <div class="divis"></div>
                <dd>手机客户端介绍与下载</dd>
                <dd>影片信息查询</dd>
                <dd>手机自助购票</dd>
            </dl>
        </div>
        <div class="division"></div>
        <div class="frind_link">
            <p>公司介绍 - 合作咨询 - 友情链接 - 网站地图 - 站长统计 - 网站声明</p>
            <span>Copyright © 2021 ed by woniuxy</span>
        </div>
    </footer>
</body>

</html>